@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,pre,dl,dt,dd,ul,ol,li,th,td,form,fieldset,legend,button,input,textarea{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ font-size:100%;}
address, em, i, b{ font-style:normal;}
a,a:hover{ color:#333; text-decoration:none;}
ul, ol{ list-style:none;}
fieldset, img{ border:0;}
button, input, select, textarea { font-size:100%; outline:none;}
body{ font-size:16px; font-family:Microsoft YaHei,Helvetica,STHeiti STXihei,Microsoft JhengHei,Arial; color:#333; background-color:#FFF;}
html{-webkit-text-size-adjust: none; font-size:16px;height:100%;}
.hide{ display:none;}
.clearfix{zoom:1;}
.clearfix:after{content:" ";display:block;visibility:hidden;height:0;font-size:0;clear:both;}
.app-body{}
.page-wrap{ position:relative;width:100%; height:100%; margin:0 auto;max-width:640px; min-width:320px;}

.qrcode{ height:155px; padding:20px 0 5px; overflow:hidden; font-size:14px; text-align:center; background-color:#B9D818;}
.qrcode .pic{ width:115px; height:115px; margin:0 auto 5px; box-shadow:0 1px 3px rgba(0,0,0,.5); background-color:#fff;}
.qrcode .pic img{ display:block; width:115px; height:115px;}
.qrcode .line{ height:0; margin:10px 65px; border-top:1px solid #748914;}
.qrcode .line span{ position:relative; top:-10px; padding:0 5px; background-color:#B9D818;}

.app{ padding:5px 0; text-align:center;}
.app .app-title{ font-size:24px; line-height:40px;}
.app .app-info{ padding:0 0 10px; font-size:12px; line-height:20px;}
.app .app-info .lab{ margin:0 2px; padding:2px 5px; border-radius:5px; color:#FFF; font-size:16px;}
.app .app-info .lab-1{ background-color:#F2B046;}
.app .app-info .lab-2{ background-color:#45B8E2;}
.app .app-intro{ text-align:left;}
.app .app-intro .title{ height:30px; line-height:30px; font-weight:normal; font-size:14px; text-indent:10px; color:#FFF; background-color:#B9D818;}
.app .app-intro .text{ padding:5px 20px; font-size:14px; line-height:20px;}

.download{ position:relative; width:100%;}
.download img{ width:100%;}
.download .cont{ position:absolute; left:0; bottom:0; z-index:1; width:100%;margin-bottom:20px;}	
.download a{ display:block; width:10rem; height:2.6rem; margin:23.4rem auto 20px; text-indent:-999em; overflow:hidden; background:url(img/btn.jpg) no-repeat; -webkit-background-size:cover; background-size:cover;}
.download .bullet{ display:block; width:15px; height:15px; margin:0 auto; -webkit-animation:moveIconDown ease 1.5s both infinite;}
.download .bullet i{ display:block; width:15px; height:15px; margin:0 auto; border:2px solid #FFF; border-width:0 0 3px 3px; -webkit-transform:rotate(-45deg);}
@-webkit-keyframes moveIconDown {
    0% { -webkit-transform: translateY(-100%); opacity:0;}
    50% { -webkit-transform: translateY(0%); opacity:0.99;}
    100% { -webkit-transform: translateY(50%); opacity:0;}
}